<template>
	<view class="set">
		<view class="set-1" @click="navTo('/pagesB/my/personal')">
			<text>个人信息</text>
			<image src="../../../static/fan.png" mode=""></image>
		</view>
		<view class="set-tw">
			<view class="set-t" @click="navTo('/pagesB/my/security')">
				<text>账号安全</text>
				<image src="../../../static/fan.png" mode=""></image>
			</view>
			<view class="set-t" @click="navTo('/pagesB/my/Statement')">
				<text>申请认证</text>
				<image src="../../../static/fan.png" mode=""></image>
			</view>
			<view class="set-t" @click="navTo('/pagesB/my/address')">
				<text>地址管理</text>
				<image src="../../../static/fan.png" mode=""></image>
			</view>
			<view class="set-t" @click="navTo('/pagesB/my/payment')">
				<text>支付通知</text>
				<image src="../../../static/fan.png" mode=""></image>
			</view>
		</view>
		<view class="set-tw">
			<view class="set-t">
				<text>消息通知</text>
				<u-switch v-model="checked" size="40" active-color="#00c6c2" inactive-color="#eee"></u-switch>
			</view>
			<view class="set-t" @click="navTo('/pagesB/my/Privacy')">
				<text>隐私设置</text>
				<image src="../../../static/fan.png" mode=""></image>
			</view>
			<view class="set-t">
				<text>清除缓存</text>
				<view style="color: #C0C0C0;font-size: 22rpx;">385M</view>
			</view>
		</view>
		<view class="set-tw">
			<view class="set-t" @click="navTo('/pagesB/my/opinion')">
				<text>反馈意见</text>
				<image src="../../../static/fan.png" mode=""></image>
			</view>
			<view class="set-t" @click="navTo('/pagesB/my/about')">
				<text>关于众美</text>
				<image src="../../../static/fan.png" mode=""></image>
			</view>
			<view class="set-t">
				<text>协议与条款</text>
				<image src="../../../static/fan.png" mode=""></image>
			</view>
		</view>
		<view class="login">
			退出登录
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				checked: true,
				navTo(url){
					uni.navigateTo({
						url:url
					})
				},
			}
		},
		
		methods:{
			
		}
	}
</script>

<style lang="scss">
	page{
		background: #F1F1F1;
	}
	.set{
		
		.login{
			width: 100%;
			height: 90rpx;
			line-height: 90rpx;
			color: #333333;
			font-size: 32rpx;
			text-align: center;
			background-color: #fff;
			border-bottom: 10rpx solid #F1F1F1;
		}
		
		.set-1{
			padding: 25rpx;
			border-bottom: 5rpx solid #F1F1F1;
			background-color: #fff;
			display: flex;
			align-items: center;
			justify-content: space-between;
			
			text{
				font-size: 30rpx;
				color: #333333;
			}
			
			image{
				width: 10rpx;
				height: 20rpx;
			}
		}
		.set-tw{
			padding: 0 25rpx;
			border-bottom: 10rpx solid #F1F1F1;
			background-color: #fff;
			
			.set-t{
				padding: 25rpx 0;
				border-bottom: 1rpx solid #F1F1F1;
				background-color: #fff;
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				text{
					font-size: 30rpx;
					color: #333333;
				}
				
				image{
					width: 10rpx;
					height: 20rpx;
				}
			}
		}
	}
</style>
